<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
         *{
            margin: 0;
            padding: 0;
        }
        body{
            font-size: 14px;
            color: #666;
            font-family: "微软雅黑"Arial;
            min-width: 1300px;
        }
        ul li{
            list-style: none;
        }
        #foot{
            width: 100%;
            height: 520px;
            background:url(./images/wp8.jpg) no-repeat  center;
        }
        #foot .foot{
            width: 1363px;
            height: 100%;
             margin: 0 auto; 
        }
        #foot .foot .foot_con{
            width: 844px;
            height: 240px;
            float: left;
           /* background: chartreuse;  */
           margin:60px 270px auto;
           border-bottom: 2px solid rgb(243, 241, 241);
        }
        #foot .foot .foot_con .wx{
            width: 150px;
            height: 150px;
            float: left;
             margin-top: 50px; 
        }
        #foot .foot .foot_con .wx img{
            width: 150px;
            height: 150px;
        }
        #foot .foot .foot_con .foot_l{
            float: left;
            line-height: 28px;
            margin: 50px 68px auto;
            /* background: lightsalmon; */
        }
        #foot .foot .foot_con .foot_l p{
            width: 243px;
            height: 37px;
            background: url(./images/words.png) no-repeat 0 -877px;
            margin-bottom: 8px;
        }
        #foot .foot .foot_con .foot_r{
            width: 211px;
            float: left;
            margin: 50px 40px auto;
            line-height: 33px;
            /* background: lightgreen; */
        }
        #foot .foot  .foot_f{
            width: 446px;
            height: 88px;
            display: inline-block;
            margin-top: 32px;
            margin-left: 463px;
            /* background: lime; */
        }
        #foot .foot  .foot_f p.f_a{
            width: 320px;
            height: 65px;
            /* background: lime; */
            margin-left: 60px;
             background: url(./images/words.png) no-repeat -50px -780px; 
        }
        #foot .foot  .foot_f p.f_b{
            width: 430px;
            height: 36px;
            margin: 0 auto;
            background: url(./images/words.png) no-repeat 0 -840px;
        }
    </style>
</head>
<body>
    <div id="foot">
        <div class="foot">
         <div class="foot_con">
             <div class="wx">
             <img src="./images/wechat_code.jpg">
            </div>
             <ul class="foot_l">
                <p></p>
                <li>工作日:010-80757782</li>
                <li>非工作日:18511639815</li>
                <li>科技园区:北京·中关村·昌发展</li>
                <li>办公地址:北京市昌发展万科广场A座6层</li>
             </ul>
             <ul class="foot_r">
                <li>官网：www.1000zhu.com</li>
                <li>Email：Service@1000zhu.com</li>
                <li>千助网建科技（北京）有限公司</li>
                <li>京ICP备08102474号-36</li>
                <li>京公网安备11010802010984号</li>
             </ul>
         </div>
         <div class="foot_f">
             <p class="f_a"></p>
             <p class="f_b"></p>
        </div>
     
        </div>
    </div>
</body>
</html>